<html>
<head>
<meta charset="utf-8"/>
<title>{:C('WEB_SITE_TITLE')}－{:C('WEB_SITE_SLOGAN')}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="bgf_index.css" rel="stylesheet" type="text/css" />
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="swiper.min.css">
<!-- Demo styles -->
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="js/jquery.json.js"></script>
<script type="text/javascript" src="js/touchslider.dev.js"></script>
<script type="text/javascript" src="js/layer.js" ></script>

<style type="text/css">
	 .swiper-pagination-bullet-active {
				opacity: 1;
				background: #009237 !important;
			}
			
	.swiper-pagination-bullet {
				background: #fff;
        border-radius: 50%;
			}

  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #009237 !important;
    border-radius: 50% !important;
}
</style>
</head>
<body>


<script>
    function change_html(){
        var font_size=$(window).width()/16;
        if(font_size > 40){
            font_size = 40;
        }
        $("html").css('font-size',font_size);
    }
    window.onresize=function(){
        change_html();
    }
    
    change_html();
</script>
<style>
.swiper-slide img,.swiper-slide  a{
    	width: 100%;
        height: 100%;
}
</style>

<header>
		<div>
			<i class="iconfont left">&#xe641;</i>
			
			 <h1>手机报价</h1>
			 
			<i class="iconfont right">&#xe504;</i>
		</div> 	
</header>

<div id="content">
  
  <!--广告轮播图 开始-->
<div id="banner" class="clear">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="#">
					<img src="images/0.jpg" title="标题" />
				</a>
			</div>
			<div class="swiper-slide">
				<a href="#">
					<img src="images/1.jpg" title="标题" />
				</a>
			</div>
		</div>
		<!-- 焦点图圆点 -->
		<div class="swiper-pagination"></div>
	</div>
</div>

  <!--广告轮播图 结束-->
  
  <!--菜单 start-->
    <div id="menubox">
    	<div class="hd">
    		<i class="iconfont center-vertical" style="color:#59BC21">&#xe61c;</i>
    		<span class="left center-vertical">大果园基地</span>

    		<i class="iconfont i_right center-vertical" style="display: none;">&#xe65f;</i>
    		<span class="right center-vertical" style="display: none;"> 切换门店 </span>
    		
    	</div>
    	<div class="bd">
    		<ul>
    			<li>
    				<a href="javascript:;" id="wzsearch">
	    				<img src="images/menu1.png" />
	    				<span style="display: block; margin-top:0.2rem;color:#646464;font-size:0.6rem;">抢购查询</span>
    			     </a>
    			</li>
    			<li>
            <a href="{:U('User/wz_bj_order')}">
      				<img src="images/menu2.png" /><br />
  	    			 <span style="display: block; margin-top:0.2rem; color:#646464;font-size:0.6rem;">保价购买</span>
      			</a>
          </li>

    			<li>
             <a href="{:U('User/recharge')}">
    				   <img src="images/menu3.png" /><br />
	    			   <span style="display: block; margin-top:0.2rem; color:#646464; font-size:0.6rem;">余额充值</span>
    			   </a>
          </li>

          <li style="display: none;">
            <a href="{:U('Activity/group_list')}">
              <img src="images/1440439318451279676.png" /><br />
              <span style="display: block; margin-top:0.2rem;color:#646464; font-size:0.6rem;">团购</span>
            </a>
          </li>

    			<li >
            <a href="{:U('Article/detail',array('article_id'=>1239))}">
      				<img src="images/menu4.png" /><br />
  	    			<span style="display: block; margin-top:0.2rem;color:#646464; font-size:0.6rem;">会员公告</span>
      			</a>
          </li>
    		</ul>
    		<div class="clear"></div>
    	</div>
    	
    	
    </div>
  
  <!--菜单 end-->
  
  <!--名品在线 start-->
  <div id="mdzx">
  	  <div class="hd" style="text-align: center; line-height:2rem;font-size:0.8rem">
  	  	名品在线
  	  </div>
  	  <div class="bd">
  	  	<ul>
            <tpshop sql="select * from __PREFIX__brand where is_hot=1 order by sort limit 6" item="v" key="k">
      	  		<li>
      	  			<a href="{:U('Goods/goodsList',array('id'=>0,'brand_id'=>$v[id]))}">
      	  				<img src="{$v.logo}" alt=""/>
      	  			</a>
      	  		</li>
         </tpshop>
  	  	</ul>
  	  	<div class="clear"></div>
  	  </div>
  </div> <!--名品在线 end-->
  <script>
 
 
  // 倒计时
  function GetRTime2(){
    //var text = GetRTime('2016/02/27 17:34:00');
     <tpshop sql="select * from __PREFIX__goods as g inner join __PREFIX__flash_sale as f on g.goods_id = f.goods_id limit 3" key="k" item='v'>
    var text{$v[goods_id]} = GetRTime('{$v.end_time|date="Y/m/d H:i:s",###}');
    
    if (typeof(text{$v[goods_id]}) == "undefined") 
        $("#surplus_text{$v[goods_id]}").text('活动已结束');
    else      
        $("#surplus_text{$v[goods_id]}").text(text{$v[goods_id]});
      
     </tpshop>
  }
  setInterval(GetRTime2,1000);
</script>



  
  <!--五折抢购 start-->
    <div id="wzqg">
    	<div class="hd">
    		<i class="iconfont center-vertical" style="">&#xe612;</i>
    		<span>五折抢购</span>
    		<a href="{:U('Goods/wzGoodsList')}"> 
    			更多
    		  <i class="iconfont center-vertical" style="top:27%; color:#646464;font-size:0.6rem;">&#xe65f;</i>
    		</a>
    		
    	</div>
    	<div class="bd">
    		<ul>
          <foreach name="wz_list" item="vo" key="k">
    			<li>
    				<a href="{:U('Mobile/Goods/goodsInfo',array('id'=>$vo[goods_id]))}">
    					<img src="{$vo.goods_id|goods_thum_images=400,400}" alt="">
    					<span style="color:#666666;padding:0rem 0.2rem;">
    						{$vo.goods_name}
    					</span><br/>
              <span style="color:#666666;padding:0rem 0.2rem;">
                第{$vo.pid}期
              </span>

    					<div style="margin-top:0.2rem;padding:0rem 0.2rem;">
    						<span style="color:#FF5800;display: inline-block;margin-top:0.2rem">抢{$vo.wz_price}/箱</span>
    						<span style="color:#B0B0B0; display: inline-block;margin-top:0.2rem">原价：￥{$vo.shop_price}元/箱</span>
    					</div>
    				</a>
    			</li>
          </foreach>
    		</ul>
    	</div>
    	<div class="clear"></div>
    	
    </div><!--五折抢购 end-->
  
  
  
  <div class="clear"></div>

  <script type="text/javascript">
  TouchSlide({ 
    slideCell:"#index_banner",
    titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
    mainCell:".bd ul", 
    effect:"leftLoop", 
    autoPage:true,//自动分页
    autoPlay:true //自动播放
  });
</script>
   
<script type="text/javascript">
var url = "index.php?m=Mobile&c=Index&a=ajaxGetMore";
$(function(){
  //$('#J_ItemList').more({'address': url});
  getGoodsList();
});

var page = 1;
function getGoodsList(){
  $('.get_more').show();
  $.ajax({
    type : "get",
    url:"/index.php?m=Mobile&c=Index&a=ajaxGetMore&p="+page,
    dataType:'html',
    success: function(data)
    {
      if(data){
        $(".rx ul").append(data);
        page++;
        $('.get_more').hide();
      }else{
        $('.get_more').hide();
        $('#getmore').remove();
      }
    }
  }); 
}
</script> 


  
   <!--热销商品 start-->
    <div id="wzqg" class="rx">
    	<div class="hd" style="line-height: 2rem;" >
    		<i class="iconfont center-vertical" style="">&#xe613;</i>
    		<span>热销商品</span>
    		<a href="{:U('Goods/pro_GoodsList')}"> 
    			更多
    		  <i class="iconfont center-vertical" style="top:27%; color:#646464;font-size:0.6rem;">&#xe65f;</i>
    		</a>
    		
    	</div>
    	<div class="bd">
    		<ul>
<!--           <tpshop sql="select * from __PREFIX__goods where is_hot=1 order by sort limit 9" item="v" key="k">
    			<li>
    				<a href="{:U('Mobile/Goods/goodsInfo',array('id'=>$v[goods_id]))}">
    					<img src="{$v.goods_id|goods_thum_images=400,400}" alt="">
    					<span style="color:#666666;padding:0rem 0.2rem;">
    						{$v.goods_name|getSubstr=###,0,10}
    					</span>
    					<div style="margin-top:0.2rem;padding:0rem 0.2rem;">
    						<span style="color:#FF5800; display: inline-block;">抢40/箱</span>
    						<span style="color:#B0B0B0;display: inline-block;">原价：￥{$v.shop_price}/箱</span>
    					</div>
    				</a>
    			</li>
         </tpshop> -->
    		</ul>
    		<a href="javascript:;" class="get_more" style="text-align:center; display:block;"> 
    <img src='images/category/loader.gif' width="12" height="12">
     </a> 
    	</div>
    	<div class="clear"></div>
    	
    </div>
    <div id="getmore" style="font-size:.24rem;text-align: center;color:#888;padding:.25rem .24rem .4rem; font-size:0.6rem">
    <a href="javascript:void(0)" onClick="getGoodsList()">点击加载更多</a>
  </div>
  
  
  <!--热销商品 end-->
  
  	
<script src="js/swiper.min.js"></script>
<script>
	/*焦点图*/
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        // spaceBetween: 30,
        autoplay: 3000
    });
</script>	


</div>
<!--在线客服 start -->
<div style="height:3rem;width:4rem; padding:0rem 1rem;position:fixed;bottom:2.5rem;right:0rem;">
  <a href="http://wpa.qq.com/msgrd?V=1&amp;uin={$tpshop_config['shop_info_qq']}&amp;Site=百果坊&amp;Menu=yes" style="float:right;">
    <img src="images/kefu.png" style="width:3rem"/>
  </a>
</div>
<!--在线客服 end-->

<div class="clear" style="height:3rem"></div>


<script src="__PUBLIC__/js/jqueryUrlGet.js"></script><!--获取get参数插件-->
<script> set_first_leader(); //设置推荐人 </script>

<!-- <include file="Public/position"/> -->
<script>
  $('#wzsearch').on('click',function(){
       $.ajax({
       type: "GET",
       url: "{:U('Index/check_login')}",
       success:function(data){
         if(data==1){
             location.href = "/index.php?m=Mobile&c=Index&a=getWzBuyLog";
         }else{
              layer.open({
              content: '请登录后查询',
              time:2
             
          });
         }
       },
      dataType: "text"

     });



  });


</script>

<include file="Public/position"/>
</body>
</html>
